<!doctype html>
<html lang="zh-cn">
<head>
	<?php include('./tpl/head.php'); ?>

	<title>网上书城</title>
<style>
	#listHeader { background-color: #F5F5F5; height:36px; border-radius: 6px; margin-bottom:10px; }
	#listHeader > div > div { height:36px; line-height: 36px; }
	.orderDate { margin-right:10px; font-weight: bold; }
	.bookPic { width:100%; }
	.panel-body > .row { margin-top:10px; }
</style>
</head>

<body>
	<?php include('./tpl/nav.php'); ?>

	<div class="container">
		<div class="row">
			<div class="col-sm-2">
				<ul class="list-group">
					<li class="list-group-item active">历史订单</li>
				</ul>
			</div>

			<div class="col-sm-10">
				<div id="listHeader" class="hidden-xs">
					<div class="row">
						<div class="col-sm-offset-2 col-sm-2">宝贝</div>
						<div class="col-sm-2">单价(元)</div>
						<div class="col-sm-2">数量</div>
						<div class="col-sm-2">实付款</div>
						<div class="col-sm-2">交易状态</div>
					</div>
				</div>

				<div class="panel panel-default">
					<div class="panel-heading">
						<span class="orderDate">2014-12-23</span>
						<span>订单号：<span class="orderId">5214789630147896325</span></span>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-sm-1">
								<img class="bookPic" src="./image/人月神话.jpg">
							</div>
							<div class="col-sm-3">人月神话</div>
							<div class="col-sm-2">36.50</div>
							<div class="col-sm-2">2</div>
							<div class="col-sm-2">73.00</div>
							<div class="col-sm-2">交易成功</div>
						</div>
					</div>
				</div>

				<div class="panel panel-default">
					<div class="panel-heading">
						<span class="orderDate">2014-12-23</span>
						<span>订单号：<span class="orderId">5214789630147896325</span></span>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-sm-1">
								<img class="bookPic" src="./image/人月神话.jpg">
							</div>
							<div class="col-sm-3">人月神话</div>
							<div class="col-sm-2">36.50</div>
							<div class="col-sm-2">2</div>
							<div class="col-sm-2">146.00</div>
							<div class="col-sm-2">交易成功</div>
						</div>
						
						<div class="row">
							<div class="col-sm-1">
								<img class="bookPic" src="./image/人月神话.jpg">
							</div>
							<div class="col-sm-3">人月神话</div>
							<div class="col-sm-2">36.50</div>
							<div class="col-sm-2">2</div>
						</div>

					</div>
				</div>

			</div>

		</div>
	</div>




	<?php include('./tpl/foot.php'); ?>
	
</body>
</html>
